/**
 * 请求的原理：一台设备中（服务器）有很多个端口，比如http://127.0.0.0:88端口，这个端口可以当成一个服务器载点
 * 这个端口可以设置功能，比如,当有用户通过http://127.0.0.0:88这个URL访问这个端口时，就返回一个html文件或一组数据
 * get，post等请求发送时，服务器也有对应的方法去相应这些请求
 * 本质上AJAX,就是模仿浏览器发送请求，浏览器 -> 服务器端口 -> 处理 -> 响应给浏览器
 */

let btn = document.querySelector("#btn");
let button = document.querySelector("#button");
let xhr = null;
// 判断是否在发送当中
let isSending = false;
let data = {
    act: "qreg_quser",
    user_type: '快速报名',
    user_name: "操你妈",
    user_tel: "13145678913",
    user_zy: "软件工程系"
}
btn.addEventListener("click", () => {
    // 如果Ajax在进行发送，就终止
    if (isSending) {
        xhr.abort();
    }
    xhr = new XMLHttpRequest();
    // 当前Ajax正在发送
    isSending = true;
    xhr.open("GET", "http://localhost:8000/server");
    //会把响应体的内容视为JSON格式并解析，属于自动数据转换
    xhr.responseType = "json";
    xhr.send();
    xhr.onreadystatechange = () => {
        if (xhr.readyState === 4) {
            // 当前Ajax已经发送完成
            isSending = false;
            if (xhr.status >= 200 && xhr.status < 300) {
                console.log(xhr.response);
            }
        }
    }
    console.log("object");
    xhr.onerror = (value) => {
        console.log(value);
    }
});